<template>
    <div id="app">
        <el-scrollbar wrap-class="scrollbar-wrapper" style="height:100vh;">
            <router-view/>
        </el-scrollbar>
    </div>
</template>

<script>
export default {
    name: 'App',
    metaInfo() {
        // return {
        //     title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
        //     titleTemplate: title => {
        //         return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
        //     }
        // }
    }
}
</script>
<style lang="scss">
/* element滚动条组件 隐藏水平滚动条 */
//#app .el-scrollbar__wrap {
//    overflow-x: hidden;
//}
.flex_zhcenter{
	display: flex;align-items: center;justify-content: center;
}
.flex_hcneter_bet{
	display: flex;align-items: center;justify-content: space-between;
}
.flex_hcneter{display: flex;align-items: center;}
.flex_hcneter_col{display: flex;align-items: center;flex-direction: column;}
.flex_column{display: flex;flex-direction: column;}
.flex_wrap{display: flex;flex-wrap: wrap;}
.flex_flex{flex: 1;}
.flex_betw{display: flex;justify-content: space-between;}
.flex_hend{display: flex;justify-content: flex-end;}
.flex-around {display: flex;align-items: center;justify-content: space-around;}
.overfHidden{overflow: hidden;}
.wordBreak{word-break: keep-all;}
/**单行文字省略号**/
.txt-ellipsis {
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal; 
}
.txt-ellipsis--l2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.descriptions__label{color: #8087a0;}
.descriptions__label:not(.is-bordered-label){margin-right: 16px;}
.descriptions__content{color: #606266;}

.diy-leading-10 {
    line-height: 2.5rem;
}
.diy-h-10 {
    height: 2.5rem;
}
.diy-block-box {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #dfdfdf;
    padding-left: 12px;
}
.diy-text-sm {
    font-size: 0.875rem;
}
.dataNoneColor {
    color: #8a96a3;
}
input[aria-hidden=true] {
    display: none !important;
}
.diy-text-primary {
    --tw-text-opacity: 1;
    color: rgba(64, 158, 255, var(--tw-text-opacity));
}
.diy-mr-1 {
    margin-right: 0.25rem;
}
</style>
